{#layout name="public/layout" /#}
{#load href="__ROOT__/assets/css/highslide.css" /#}
{#load href="__ROOT__/assets/css/show_tpl/def/jobshow.css" /#}
<div class="content_wrapper" id="app" v-cloak>
    <div class="content">
        <div class="content1_wrapper clearfix">
			<!-- 无效职位标识 -->
			{#if condition="$return.base_info.job_status != 1"#}
			<div class="invalid_job"><img src="__ROOT__/assets/images/jobshow/invalid_job.png"></div>
			{#/if#}
            <div class="content1_text float">
                <h3 class="post_name">{#$return.base_info.jobname#}</h3>
                <p class="salary">{#$return.base_info.wage_text#}
                    {#eq name="return.base_info.negotiable" value="0"#}<span>/月</span>{#/eq#} </p>
                <div class="see_num" v-cloak>
                    <p>更新：<span>{#$return.base_info.refreshtime#}</span></p>
                    <p>浏览：<span>{{clickNum}}人</span></p>
                    <p>投递：<span>{{supplementary.job_apply_num}}人</span></p>
                </div>
            </div>
            <div class="content1_btn float" v-cloak>
                <div class="btn" @click="startIm">聊一聊</div>
                <div v-if="!hasApply" class="btn" @click="doApplyResume">投递简历</div>
                <div v-if="hasApply" class="btn" style="background:#cecece;">已投递简历</div>
                <p class="operate">
                    <span class="collect" :class="hasFav===true?'has':''"
                        @click="doFav">{{hasFav===true?'已收藏':'收藏'}}</span>
                    <el-popover placement="bottom-end" width="200" trigger="hover">
                        <span>
                            <img :src="shareQrcode" width="174" height="174" />
                            <span style="display:block;width:174px;text-align: center;">请用微信扫一扫</span>
                        </span>
                        <span class="share" slot="reference">分享</span>
                    </el-popover>
                </p>
            </div>
        </div>
        <div class="content2 clearfix">
            <div class="left_sidebar">
                <div>
                    <div class="post_wrapper">
                        <div>
                            <div class="title post_title_margin">任职要求</div>
                            <div class="post_box1">
                                <div class="clearfix">
                                    {#if condition="$return.base_info.nature_text!=''"#}
                                    <div class="post_box1_font2 float">
                                        <span class="post_box1_font">
                                            工作性质
                                        </span>
                                        {#$return.base_info.nature_text#}
                                    </div>
                                    {#/if#}
                                    {#if condition="$return.field_rule.amount.is_display==1 && $return.base_info.amount_text!=''"#}
                                    <div class="post_box1_font2 float">
                                        <span class="post_box1_font">
                                            招聘人数
                                        </span>
                                        {#$return.base_info.amount_text#}
                                    </div>
                                    {#/if#}
                                    {#if condition="$return.base_info.education_text!=''"#}
                                    <div class="post_box1_font2 float">
                                        <span class="post_box1_font">
                                            学历要求
                                        </span>
                                        {#$return.base_info.education_text#}
                                    </div>
                                    {#/if#}
                                    {#if condition="$return.base_info.experience_text!=''"#}
                                    <div class="post_box1_font2 float">
                                        <span class="post_box1_font">
                                            工作经验
                                        </span>
                                        {#$return.base_info.experience_text#}
                                    </div>
                                    {#/if#}
                                    {#if condition="$return.field_rule.department.is_display==1 && $return.base_info.department!=''"#}
                                    <div class="post_box1_font2 float">
                                        <span class="post_box1_font">
                                            招聘部门
                                        </span>
                                        {#$return.base_info.department#}
                                    </div>
                                    {#/if#}
                                    {#if condition="$return.field_rule.age.is_display==1"#}
                                    <div class="post_box1_font2 float">
                                        <span class="post_box1_font">
                                            年龄要求
                                        </span>
                                        {#if condition="$return.base_info.age_text == '不限' || $return.base_info.age_text
                                        == ''"#}
                                        不限
                                        {#else#}
                                        {#$return.base_info.age_text#}岁
                                        {#/if#}
                                    </div>
                                    {#/if#}
                                    {#if condition="$return.field_rule.custom_field_1.is_display==1 && $return.base_info.custom_field_1!=''"#}
                                    <div class="post_box1_font2 float">
                                        <span class="post_box1_font">
                                            {#$return.field_rule.custom_field_1.field_cn#}
                                        </span>
                                        {#$return.base_info.custom_field_1#}
                                    </div>
                                    {#/if#}
                                    {#if condition="$return.field_rule.custom_field_2.is_display==1 && $return.base_info.custom_field_2!=''"#}
                                    <div class="post_box1_font2 float">
                                        <span class="post_box1_font">
                                            {#$return.field_rule.custom_field_2.field_cn#}
                                        </span>
                                        {#$return.base_info.custom_field_2#}
                                    </div>
                                    {#/if#}
                                    {#if condition="$return.field_rule.custom_field_3.is_display==1 && $return.base_info.custom_field_3!=''"#}
                                    <div class="post_box1_font2 float">
                                        <span class="post_box1_font">
                                            {#$return.field_rule.custom_field_3.field_cn#}
                                        </span>
                                        {#$return.base_info.custom_field_3#}
                                    </div>
                                    {#/if#}
                                    <div class="post_box1_font3 float">
                                        <span class="post_box1_font">
                                            工作地区
                                        </span>
                                        {#$return.base_info.district_text#}
                                    </div>
                                </div>
                                <div class="post_box1_local">
                                {#if condition="$return.base_info.address!=''"#}
                                    <span class="post_box1_font">工作地点</span>
                                    {#$return.base_info.address#}
                                    {#if condition="$global_config.is_open_map eq 1"#}
                                      {#if condition="$return.base_info.map_lat || $return.base_info.map_lng"#}
                                      <span class="post_route" @click="showMap=true">查看上班路线</span>
                                      {#/if#}
                                    {#/if#}
                                {#/if#}
                                </div>
                            </div>
                        </div>
                        <div class="post_box2">
                            <div class="resume_contact" v-if="contactData.show_contact==0">
                                <div class="details_wrapper contact_margin"
                                    v-if="contactData.show_contact_note=='need_login'">
                                    <div class="contact_details_title">
                                        联系方式
                                    </div>
                                    <div class="contact_details">
                                        <p class="box_text">您尚未登录，点击登录后可获取企业联系方式</p>
                                        <div class="contact_btn" @click="handlerLoginForContact">点击登录</div>
                                    </div>
                                </div>
                                <div class="details_wrapper contact_margin"
                                    v-if="contactData.show_contact_note=='need_personal_login'">
                                    <div class="contact_details_title">
                                        联系方式
                                    </div>
                                    <div class="contact_details">
                                        <p class="box_text2">职位联系方式</p>
                                        <p>仅对求职者会员开放</p>
                                    </div>
                                </div>
                                <div class="details_wrapper contact_margin"
                                    v-if="contactData.show_contact_note=='need_resume'">
                                    <div class="contact_details_title">
                                        联系方式
                                    </div>
                                    <div class="contact_details">
                                        <p class="box_text">您还没有简历，创建简历后可查看企业联系方式</p>
                                        <div class="contact_btn" @click="doCreateResume">创建简历</div>
                                    </div>
                                </div>
                                <div class="details_wrapper contact_margin"
                                    v-if="contactData.show_contact_note=='need_apply'">
                                    <div class="contact_details_title">
                                        联系方式
                                    </div>
                                    <div class="contact_details">
                                        <p class="box_text">您还没有投递简历，投递简历后可查看企业联系方式</p>
                                        <div class="contact_btn" @click="doApplyResume">投递简历</div>
                                    </div>
                                </div>
                                <div class="details_wrapper contact_margin"
                                    v-if="contactData.show_contact_note=='company_close'">
                                    <div class="contact_details_title">
                                        联系方式
                                    </div>
                                    <div class="contact_details" v-if="hasApply===false">
                                        <p class="box_text">企业未开启查看联系方式，请直接投递简历</p>
                                        <div class="contact_btn" @click="doApplyResume" v-if="hasApply===false">投递简历</div>
                                        <div class="contact_btn" @click="doApplyResume" v-if="hasApply" style="background:#CECECE;">已投递简历</div>
                                    </div>
                                    <div class="contact_details" v-else>
                                        <p class="box_text">企业未开启查看联系方式<br /><br />您已投递简历，请等待企业联系</p>
                                    </div>
                                </div>
                            </div>
                            <div v-else>
                                <div class="title box2_title_padding">联系方式</div>
                                {#if condition="!$phone_protect_open"#}
                                <div class="contact_list" v-cloak>
                                    <div class="contact_item">
                                        <span class="contact_width">联系人：</span>
                                        {{contactData.contact_info.contact}}
                                    </div>
                                    <div class="contact_item" v-if="contactData.is_secrecy === 1">
                                        <span class="contact_width">联系手机：</span>
                                        {{contactData.contact_info.mobile}}
                                    </div>
                                    <div class="contact_item" v-if="contactData.is_secrecy === 0">
                                        <span class="contact_width">联系手机：</span>
                                        <span style="color: #1787FB">企业已隐藏当前手机号</span>
                                    </div>
                                    <div class="contact_item" v-if="contactData.contact_info.telephone!='' && contactData.field_rule.telephone.is_display==1">
                                        <span class="contact_width">联系座机：</span>
                                        {{contactData.contact_info.telephone}}
                                    </div>
                                    <div class="contact_item" v-if="contactData.contact_info.weixin!='' && contactData.field_rule.weixin.is_display==1">
                                        <span class="contact_width">联系微信：</span>
                                        {{contactData.contact_info.weixin}}
                                    </div>
                                    <div class="contact_item" v-if="contactData.contact_info.email!='' && contactData.field_rule.email.is_display==1">
                                        <span class="contact_width">联系邮箱：</span>
                                        {{contactData.contact_info.email}}
                                    </div>
                                    <div class="contact_item" v-if="contactData.contact_info.qq!='' && contactData.field_rule.qq.is_display==1">
                                        <span class="contact_width">联系QQ：</span>
                                        {{contactData.contact_info.qq}}
                                    </div>
                                </div>
                                <div class="post_box2_btn">
                                    <span class="contact_btn1" v-if="!hasApply" @click="doApplyResume">投递简历</span>
                                    <span class="contact_btn1" v-if="hasApply" style="background:#CECECE;">投递简历</span>
                                    <span class="contact_btn2" @click="startIm">在线聊天</span>
                                </div>
                                {#else/#}
                                <div class="code_pro" @mouseenter.stop="onMouseover" @mouseleave.stop="onMouseout">
                                    <div class="scan_code">
                                        <div class="scan_code_min_wrap">
                                            <div></div>
                                        </div>
                                        <div class="scan_code_note">微信扫码拔打电话</div>
                                        <div class="scan_code_show">
                                            <div class="code" v-if="codeShow">
                                                <img v-if="!hasGetCode" class="loading" :src="wx_code_url"/>
                                                <img v-if="hasGetCode" class="qrcode" :src="wx_code_url"/>
                                            </div>
                                            <div class="scan_code_tip">专属隐私号码,通话安全放心<span v-if="!codeShow" class="common_arrow_gray_down"></span><span v-if="codeShow" class="common_arrow_gray_up"></span></div>
                                        </div>
                                    </div>
                                </div>
                                {#/if#}
                            </div>
                        </div>
                        {#if condition="$return.field_rule.tag.is_display==1 && count($return.base_info.tag_text_arr) gt 0"#}
                        <div>
                            <div class="title welfare_padding">职位亮点</div>
                            <div class="box3_welfare">
                                {#volist name="return.base_info.tag_text_arr" id="vo"#}
                                <span>{#$vo#}</span>
                                {#/volist#}
                            </div>
                        </div>
                        {#/if#}
                        <div class="post_box4">
                            <div class="title title_padding">职位描述</div>
                            <div>
                                <p ref="jobContent" id="jobContent" :class="contentAll ? 'describe' : 'describe all'">
                                    <span>{#$return.base_info.content#}</span>
                                </p>
                                <div class="bottom_more" v-if="contentHeight > 450" @click="contentAll = !contentAll">
                                    <div :class="contentAll ? 'cte' : 'cte up'">{{contentAll ? '查看更多' : '收起'}}</div>
                                </div>
                                <div class="s_tip_h">联系我时，请说是在{#$global_config.sitename#}上看到的，谢谢！</div>
                                <div class="tips clearfix">
                                    <div class="left_tips float">
                                        <p class="left_title_icon">温馨提醒</p>
                                        <p class="tips_item">1.用人单位招聘人才，以任何名义收取费用（如体检费、服装费等）都属于违法，请应聘者提高警惕！</p>
                                        <p class="tips_item">2.如遇无效、虚假、诈骗信息，请立即举报！<a class="J_tipoff"
                                                href="javascript:;" @click="doTipoff">我要举报 >></a></p>
                                    </div>
                                    <div class="right_tips">
                                        <div class="tips_code">
                                            <img src="{#$global_config.wechat_qrcode#}">
                                        </div>
                                        <p>扫描关注更多招聘信息</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {#if condition="count($return.similar) gt 0"#}
                    <div class="similar_wrapper">
                        <div class="border_bottom similar_title  title clearfix">
                            相似职位
                            <a class="right_text" target="_blank" href="{#:url('index/job/index')#}">更多职位&gt;</a>
                        </div>
                        <div class="similar_list clearfix">
                            {#volist name="return.similar" id="vo"#}
                            <div onclick="javascript:location.href='{#:url(\'index/job/show\',[\'id\'=>$vo.id])#}'">
                                <p class="similar_post_name clearfix">
                                    <a href="{#:url('index/job/show',['id'=>$vo.id])#}"
                                        target="_blank">{#$vo.jobname#}</a>
                                    <span class="similar_right_text">{#$vo.refreshtime#}</span>
                                </p>
                                <p class="similar_data">
                                    <span class="color similar_font">{#$vo.wage_text#}{#eq name="vo.negotiable"
                                        value="0"#}/月{#/eq#}</span>
                                    <span class="similar_text">{#$vo.district_text#}</span>
                                    <span class="similar_text similar_border">{#$vo.education_text#}</span>
                                    <span class="similar_text  similar_border">{#$vo.experience_text#}</span>
                                </p>
                            </div>
                            {#/volist#}
                        </div>
                    </div>
                    {#/if#}
                    <div class="employer_wrapper"
                        v-if="supplementary.famous_list!==undefined && supplementary.famous_list.length>0">
                        <div class="border_bottom similar_title title clearfix">
                            明星雇主
                            <a class="right_text" target="_blank" href="{#:url('index/company/index')#}">更多企业&gt;</a>
                        </div>
                        <div class="clearfix">
                            <div class="employer_list float" v-for="(item,index) in supplementary.famous_list"
                                :key="index">
                                <a class="img" target="_blank" :href="item.link_url">
                                    <img :src="item.logo">
                                </a>
                                <a class="c_name substring" target="_blank" :title="item.companyname"
                                    :href="item.link_url">{{item.companyname}}</a>
                            </div>
                        </div>
                    </div>
                    <div class="periphery">
                        <div class="periphery_title">
                            <span :class="relationActive=='near'?'active':''"
                                @click="changeRelationList('near')">周边招聘</span>
                            <span :class="relationActive=='hot'?'active':''"
                                @click="changeRelationList('hot')">热门搜索</span>
                        </div>
                        <div class="periphery_list" v-if="relationActive=='near'">
                            <div class="list_box peripheryMargin">
                                {#volist name="return.near_district_list" id="vo"#}
                                <a target="_blank" href="{#:url('index/job/index',$vo['params'])#}">{#$vo.text#}招聘</a>
                                {#/volist#}
                            </div>
                        </div>
                        <div class="periphery_list" v-if="relationActive=='hot'">
                            <div class="list_box peripheryMargin">
                                {#volist name="return.hotword_list" id="vo"#}
                                <a target="_blank"
                                    href="{#:url('index/job/index',['keyword'=>$vo['word']])#}">{#$vo.word#}</a>
                                {#/volist#}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="right_sidebar">
                <div @click="handlerResumeStick" class="resume_stick">
                    <img src="__ROOT__/assets/images/job_icon.jpg">
                </div>
                <div class="company_wrapper">
                    <div class="company_name clearfix">
                        <a class="cn substring"
                            href="{#:url('index/company/show',['id'=>$return.com_info.id])#}">{#$return.com_info.companyname#}</a>
                        {#eq name="return.com_info.audit" value="1"#}
                        <div title="企业已认证" class="ic1"></div>
                        {#/eq#}
                        {#if condition="$return.com_info.setmeal_icon!=''"#}
                        <div class="ic2"><img src="{#$return.com_info.setmeal_icon#}" /></div>
                        {#/if#}
                    </div>
                    <div class="company_data clearfix">
                        <div class="float">
                            <p class="color">{{supplementary.watch_percent}}</p>
                            <p class="text2">简历查看率</p>
                        </div>
                        <div class="float border ">
                            <p class="color">{{supplementary.last_login_time}}</p>
                            <p class="text2">登录时间</p>
                        </div>
                        <div class="float">
                            <p class="color">{{supplementary.reg_duration}}</p>
                            <p class="text2">入驻时长</p>
                        </div>
                    </div>
                    <div class="company_type clearfix">
                        <div class="img_box float">
                            <img src="{#$return.com_info.logo_src#}" />
                        </div>
                        <div class="company_type_text float">
                            <p>{#$return.com_info.trade_text#}</p>
                            <p>
                                <span class="similar_border">{#$return.com_info.nature_text#}</span>
                                <span class="similar_border">{#$return.com_info.scale_text#}</span>
                            </p>
                        </div>
                    </div>
                    <div class="nrtBanner" v-if="supplementary.img_list!==undefined && supplementary.img_list.length>0">
                        <div class="infopicBg">
                            <div class="infopic">
                                <div class="picbox">
                                    <ul class="piclist clearfix">
                                        <li class="highslide-gallery" v-for="(item,index) in supplementary.img_list"
                                            :key="index">
                                            <a :href="item.img_src" class="highslide"
                                                onclick="return hs.expand(this)"><img :src="item.img_src"></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="pic_prev"></div>
                            <div class="pic_next"></div>
                        </div>
                    </div>
                    <div class="bottom_title clearfix" v-if="supplementary.report==1">
                        该企业已通过实地认证<span @click="handlerReport">认证报告&gt;</span>
                    </div>
                </div>
                <div class=" codeImg_box clearfix">
                    <img class="float" :src="rightQrcode">
                    <div class=" code_text float">
                        开启掌上求职特权<br>
                        使用微信扫一扫<br />
                        此职位即刻传送到手机
                    </div>
                </div>

                {#if condition="count($return.hotjob_list) gt 0"#}
                <div class="company_list">
                    <div class="company_title clearfix">
                        热门职位
                        <a target="_blank" href="{#:url('index/job/index')#}">查看更多&gt;</a>
                    </div>
                    {#volist name="return.hotjob_list" id="vo"#}
                    <div class="right_box2_text">
                        <a class="box2_text1 {#eq name="vo.emergency" value="1" #}emergency{#/eq#}" target="_blank"
                            href="{#:url('index/job/show',['id'=>$vo.id])#}">{#$vo.jobname#}</a>
                        <p class="box2_text2">{#$vo.companyname#}</p>
                        <p class="box2_text3">{#$vo.wage_text#}{#eq name="vo.negotiable" value="0"#}/月{#/eq#}</p>
                    </div>
                    {#/volist#}
                </div>
                {#/if#}
<!--                增加风险提示-->
                <div class="risk">
                    <div class="ts">
                        <span>风险提示</span>
                    </div>
                    <div>
                        <p>最近登录时间：{#$logo.last_time#}</p>
                        <p>最近登录IP:{#$logo.last_login_ip#}&nbsp;&nbsp;[{#$logo.last_login_address#}]</p>
                        {#if condition="$logo.audit eq 1"#}
                        <p>企业营业执照已通过 <span @click="centerDialogVisible()">平台认证</span></p>
                        {#/if#}
                        <p>以上资料仅供参考，请求职者 <span @click="risk()">规避求职风险</span></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="show_nav" :class="rightFixed===true?'beFixed':''">
        <div class="show_nav_box  clearfix">
            <div class="float">
                <h3 class="nav_text">{#$return.base_info.jobname#}</h3>
                <p class="price">{#$return.base_info.wage_text#}
                    {#eq name="return.base_info.negotiable" value="0"#}<span>/月</span>{#/eq#}</p>
            </div>
            <div class="show_nav_btn">
                <div v-if="!hasApply" class="nav_btn1" @click="doApplyResume">投递简历</div>
                <div v-if="hasApply" class="nav_btn1" style="background:#cecece;">已投递简历</div>
            </div>
        </div>
    </div>
    <el-dialog title="查看地图" :visible.sync="showMap" @opened="mapOpened">
        <div class="jobshow_map">
            {#if condition=" $global_config.is_open_map  == 1"#}
              {#if condition=" $global_config.map_type  == 1"#}
                <div id="bdMap" style="width:100%;height:500px;"></div>
              {#/if#}

              {#if condition=" $global_config.map_type  == 2"#}
                <div id="tianMap" style="width:100%;height:500px;z-index: 1;"></div>
              {#/if#}
            {#/if#}
            <div class="code">
                <div class="code_img">
                    <img :src="mapQrcode" />
                    <p>微信扫描上方二维码<br />手机查看上班路线</p>
                </div>
                <div class="itinerary">
                    <p>1.微信扫描二维码</p>
                    <p>2.关注公众号</p>
                    <p>3.查看该职位的上班路线</p>
                </div>
            </div>
        </div>
    </el-dialog>
    <el-dialog title="举报职位" :visible.sync="showTipoff" @opened="tipoffOpened" width="30%">
        {#include file="public/tipoff" /#}
    </el-dialog>
    <el-dialog class="reg_quick_dialog" title="" :visible.sync="showRegQuick" width="874px">
      {#include file="public/regQuick" /#}
    </el-dialog>
    <el-dialog title="验证码" :visible.sync="showPictureCaptcha" @opened="pictureCaptchaOpened" width="350px">
      {#include file="captcha/picture" /#}
    </el-dialog>
    <el-dialog title="系统提示" :visible.sync="showBindWeixin" @opened="bindWeixinOpened" width="450px" :center="true" :close-on-press-escape="false" :close-on-click-modal="false">
       {#include file="public/bindWeixin" /#}
    </el-dialog>
<!--    平台认证提示-->
    <el-dialog
            title="平台认证"
            :visible.sync="is_centerDialogVisible"
            border-radius="8px"
            custom-class="centerDialogVisible"
            width="374px"
            center >
        <div class="txt">
            <p>1、平台已收到该单位的认证资料。</p>
            <p>2、该单位对所提供资料的真实性负完全责任。处于保密的原因，平台不公开显示单位的认证资料。</p>
        </div>
        <div slot="footer" class="button">
            <el-button type="primary" @click="is_centerDialogVisible = false" class="know">我知道了</el-button>
        </div>
    </el-dialog>

<!--    避免求职风险-->
    <el-dialog
            title="规避求职风险"
            :visible.sync="is_risk"
            custom-class="riskClass"
            width="843px"
            center >
        <div class="risk_box">
            <p class="p1">1、拒交各种名义的费用。 </p>
            <p class="p2">任何招聘单位，以任何名义向求职者收取抵押金、服装费、产品押金、风险金、报名费、培训费等行为，都属非法行为。招聘单位培训本单位的职工，也不准收取培训费。求职者遇到此类情况，要坚持拒交，并向招聘单位所在地区举报，以确保自己的合法权益不受侵害。</p>
            <p class="p1">2、不轻信许诺到外地上岗。</p>
            <p class="p2">对外地企业或某某外地分公司、分厂、办事处的高薪招聘，不论其待遇多么好，求职者千万要保持清醒的头脑和高度的警惕，不要轻信他的口头许诺，一是不去，二是到劳动保障部门咨询，并办理相关的手续，否则会吃大亏，被骗工骗钱甚至被人贩子骗卖，悔之晚矣。</p>
            <p class="p1">3、掌握劳动法规和相关政策。</p>
            <p class="p2">求职者在求职前或求职过程中，应主动学习一些劳动法规和相关政策，提高自己的求职素质和独立思考的能力。</p>
            <p class="p1">4、多种途径了解公司背景。</p>
            <p class="p2">在求职者正式进入单位之前，想方设法加强对企业的了解以免误入骗子设下的陷阱。比如：注意招聘单位的营业执照等相关证件；正规单位招聘一般会将招聘地点设在单位的办公室、会议室，一些以租用房间作为应聘地点的单位，要警惕。</p>
            <p class="p1">5、谨慎签定劳动合同。</p>
            <p class="p2">与用人企业签合同时，求职者要"三看"：一看企业是否经过工商部门登记以及企业注册的有效期限，否则所签合同无效；二看合同字句是否准确、清楚、完整，不能用缩写、替代或含糊的文字表达；三看劳动合同是否有一些必备内容，包括劳动合同期限、工作内容、劳动保护和劳动条件、劳动报酬、社会保险和福利、劳动纪律、劳动合同终止的条件、违反劳动合同的责任等。必须签书面合同，试用期内也要签合同。</p>
            <p class="p1">6、发觉被骗，及时报案。</p>
            <p class="p2">
                求职者一旦发觉上当受骗，要及时向招聘单位所在地的人事局、劳动局监察大队或公安局派出所报案，寻求法律保护。但由于劳务诈骗往往涉及公安、工商、劳动、人事等部门，求职者应该根据情况选择最有效的投诉部门，若被投诉对象为合法机构，求职者可以找劳动部门；若求职受骗情况特别严重、诈骗金额大，可以到公安部门进行报案。
            </p>
        </div>
        <div slot="footer" class="dialog-footer">
            <el-button type="primary" @click="is_risk = false" class="know">我知道了</el-button>
        </div>
    </el-dialog>

    <!-- 微信二维码弹窗 start -->
    {#include file="public/weChatQrcode" /#}
    <!-- 微信二维码弹窗 end -->
</div>
{#load href="__ROOT__/assets/js/highslide-with-gallery.js" /#}
<script>
    $(document).ready(function () {
      $(function () {
        setTimeout(function () {
          handlePic()
        }, 500)
        function handlePic() {
          var liw = 0; var ml; var r; var s; var al = 188
          $('.piclist li').each(function () {
            liw += $(this).width() + 0
            $(this).css('width', $(this).width() + 'px')
          })
          $('.piclist').width(liw + 'px')

          $('.pic_next').click(function () {
            if ($('.piclist').is(':animated')) {
              $('.piclist').stop(true, true)
            }/* 避免点击事件重复 */

            ml = parseInt($('.piclist').css('left'))
            r = liw - (al - ml) /* 700为外部区块.infopic的宽度，15为li之间的距离，即.piclist li的margin-right的值 */
            if (r < al) {
              s = r - 0
            } else {
              s = al
            }
            $('.piclist').animate({ left: ml - s + 'px' }, 'slow')
          })

          $('.pic_prev').click(function () {
            if ($('.piclist').is(':animated')) {
              $('.piclist').stop(true, true)
            }/* 避免点击事件重复 */

            ml = parseInt($('.piclist').css('left'))
            if (ml > -al) {
              s = ml
            } else {
              s = -al
            }
            $('.piclist').animate({ left: ml - s + 'px' }, 'slow')
          })
    }
        hs.graphicsDir = '__ROOT__/assets/js/graphics/'
    hs.align = 'center'
        hs.transitions = ['expand', 'crossfade']
        hs.outlineType = 'rounded-white'
        hs.fadeInOut = true
        hs.addSlideshow({
          interval: 5000,
          repeat: false,
          useControls: true,
          fixedControls: 'fit',
          overlayOptions: {
            opacity: 0.75,
            position: 'bottom center',
            hideOnMouseOut: true
          }
        })
    })
    })

    // 地图相关
    function loadBdMap() {
      if (window.BMap !== undefined) {
        return
      }
      var script = document.createElement('script')
      script.type = 'text/javascript'
      script.src = '//api.map.baidu.com/api?v=2.0&ak={#$global_config.map_ak#}&callback=initBdMap'
      document.body.appendChild(script)
    }

    function loadTMap(){
      if (window.T !== undefined) {
        return
      }
      var script = document.createElement('script')
      script.type = 'text/javascript'
      script.src = "https://api.tianditu.gov.cn/api?v=4.0&tk={#$global_config.tian_map_ak#}"
      document.body.appendChild(script)
      script.onload = function (){
		    initTianMap()
      }
    }


    // tianMap
    function initBdMap() {
      var map = new BMap.Map('bdMap') // 创建Map实例
      var lng = parseFloat('{#$return.base_info.map_lng#}')
      var lat = parseFloat('{#$return.base_info.map_lat#}')
      var zoom = parseInt('{#$return.base_info.map_zoom#}') > 0 ? parseInt('{#$return.base_info.map_zoom#}') : parseInt('{#$global_config.map_zoom#}')
      var point = new BMap.Point(lng, lat) // 创建点坐标
      map.centerAndZoom(point, zoom)
      map.enableScrollWheelZoom() // 启用滚轮放大缩小
      var marker = new BMap.Marker(new BMap.Point(lng, lat))
      map.addOverlay(marker)
      var top_left_control = new BMap.ScaleControl({ anchor: BMAP_ANCHOR_TOP_LEFT })
      var top_left_navigation = new BMap.NavigationControl()
      map.addControl(top_left_control)
      map.addControl(top_left_navigation)
    }

    function initTianMap(){
      var tianMap = new T.Map('tianMap') // 创建Map实例
      var lng = parseFloat("{#$return.base_info.map_lng#}")
      var lat = parseFloat("{#$return.base_info.map_lat#}")
      var zoom = parseInt("{#$return.base_info.map_zoom#}") > 0 ? parseInt("{#$return.base_info.map_zoom#}") : parseInt("{#$global_config.map_zoom#}")
      var point = new T.LngLat(lng, lat) // 创建点坐标
      tianMap.centerAndZoom(point, zoom)
      var marker = new T.Marker(new T.LngLat(lng, lat));
      tianMap.addOverLay(marker);
    }

    var id = parseInt('{#$return.base_info.id#}')
    var isWxOpen = !!parseInt('{#$global_config.wechat_open#}')
    function loadTencent() {
      if (window.BMap !== undefined) {
        return
      }
      var script = document.createElement('script')
      script.type = 'text/javascript'
      script.src = 'https://ssl.captcha.qq.com/TCaptcha.js'
      document.body.appendChild(script)
    }
    function loadVaptcha() {
      if (window.BMap !== undefined) {
        return
      }
      var script = document.createElement('script')
      script.type = 'text/javascript'
      script.src = 'https://v.vaptcha.com/v3.js'
      document.body.appendChild(script)
    }
    var captcha_open = parseInt('{#$global_config.captcha_open#}')
var captcha_type = '{#$global_config.captcha_type#}'
if (captcha_open == 1) {
      if (captcha_type == 'tencent') {
        loadTencent()
      } else if (captcha_type == 'vaptcha') {
        loadVaptcha()
      }
    }

    var app = new Vue({
      el: '#app',
      data: {
        bind_timer: '',
        scanQrcodeImg: '',
        showBindWeixin: false,
        wx_code_url: '/assets/images/loading.gif',
        codeShow: false,
        hasGetCode: false,
        showTipoff: false,
        tipoffForm: {
          reason: '',
          content: ''
        },
        tipoffRules: {
          reason: [
            { required: true, message: '请选择举报原因', trigger: 'change' }
          ],
          content: [
            { required: true, message: '请输入备注说明', trigger: 'blur' },
            { min: 20, max: 100, message: '长度在 20 到 100 个字符', trigger: 'blur' }
          ]
        },
        classifyTipoffJob: [],
        isLogin: false,
        utype: 0,
        showMap: false,
        hasFav: false,
        hasApply: true,
        clickNum: 0,
        shareQrcode: '',
        rightQrcode: '',
        imQrcode: '',
        mapQrcode: '',
        relationActive: 'near',
        contactData: {
          field_rule: {
            email: {},
            qq: {},
            telephone: {},
            weixin: {}
          },
          contact_info: {},
          show_contact: 0,
          show_contact_note: ''
        },
        rightFixed: false,
        supplementary: {},
        contentAll: false,
        contentHeight: 0,
        showRegQuick: false,
        regQuick: {
          fullname: '',
          sex: 1,
          birthday: '',
          education: '',
          optionEducation: [],
          enter_job_time: '',
          isNoJobTime: false,
          mobile: '',
          code: '',
          password: '',
          intentionItemCategory: [],
          intentionItemDistrict: [],
          optionCategory: [],
          optionDistrict: [],
          current: '',
          minwage: '',
          maxwage: '',
          optionCurrent: [],
          optionMinWage: [],
          optionMaxWage: [],
          doRegQuickBtnDisabled: false
        },
        regularMobile: /^13[0-9]{9}$|14[0-9]{9}$|15[0-9]{9}$|18[0-9]{9}$|17[0-9]{9}$|16[0-9]{9}$|19[0-9]{9}$/,
        sendSmsBtnDisabled: false,
        sendSmsBtnText: '获取验证码',
        sendSmsTimer: '',
        sendSmsInterval: 60,
        captcha_open: 0,
        captcha_type: '',
        showPictureCaptcha: false,
        secret_str: '',
        catpchaSrc: '',
        pictureCaptchaCallback: '',
        formUtype: 2,
        is_centerDialogVisible: false,
        is_risk: false,
        captchaForm: {
          code: ''
        },
        captchaRules: {
          code: [
            { required: true, message: '请输入验证码', trigger: 'blur' }
          ]
        },
        mapType:"{#$global_config.map_type#}",
        isOpenMap:"{#$global_config.is_open_map#}",
        subsite_open: 0,
        subsite_domain: '',
        showWeChatQrcode: false,
        weChatQrcodeContent: ''
      },
      created: function () {
        this.getUserInfo()
        this.getSupplementary()
        this.getContact()
        this.getFavStatus()
        this.addClick()
        this.getRegQuickInfo()
        var locationUrl = '{#$return.share_url#}'
        this.rightQrcode = qscms.apiUrl + qscms.apiList.qrcode + '?alias=subscribe_job&url=' + locationUrl + '&jobid=' + id
        this.shareQrcode = qscms.apiUrl + qscms.apiList.qrcode + '?type=normal&url=' + locationUrl
        this.imQrcode = qscms.apiUrl + qscms.apiList.qrcode + '?type=normal&url={#$return.im_url#}'
        this.mapQrcode = qscms.apiUrl + qscms.apiList.qrcode + '?type=wechat&alias=mapQrcode&jobid=' + id
        this.captcha_open = captcha_open
        this.captcha_type = captcha_type
        if (navigator.userAgent.indexOf('Trident') > -1){
          this.contentHeight = document.getElementById('jobContent').clientHeight
          this.contentAll = this.contentHeight > 450
        }
        this.subsite_domain = "{#$global_config.subsite_domain#}"
        this.subsite_open = parseInt("{#$global_config.subsite_open#}")
      },
      mounted: function () {
        // 滚动条的获取
        window.addEventListener('scroll', this.getScrollTop)
        if (navigator.userAgent.indexOf('Trident') <= -1){
          this.contentHeight = this.$refs.jobContent.clientHeight
          this.contentAll = this.contentHeight > 450
        }
      },
      computed: {
        options_tipoff: function () {
          return this.classifyTipoffJob
        }
      },
      methods: {
        // 扫码入群 弹框
        centerDialogVisible: function() {
          this.is_centerDialogVisible = true
        },
        risk: function () {
          this.is_risk = true
        },
        loopCheckBind: function(){
          var that = this
          httpget(qscms.apiList.imCheckBind, {})
            .then(function(res){
              if (res.code == 200){
                if (res.data == 1){
                  that.showBindWeixin = false
                  clearInterval(that.bind_timer)
                  that.$message({ type: 'success', message: '绑定成功' })
                  setTimeout(function(){
                    httpget(qscms.apiList.imGetToken, {})
                      .then(function(res){
                        qscms.imToken = res.data
                        that.startIm()
                      }).catch(() => {})
                  }, 2000)
                }
              }
            })
        },
        startIm: function(){
          var that = this
          if (parseInt(that.utype) === 0) {
            // 未登录
            that.$confirm('当前操作需要登录求职者账号', '提示', {
              type: 'warning',
              confirmButtonText: '去登录'
            }).then(function () {
              location.href = qscms.locationList.loginPersonal + '?redirect=' + location.href
            })
          } else if (parseInt(that.utype) !== 2) {
            that.$confirm('当前操作需要登录求职者账号', '提示', {
              type: 'warning',
              confirmButtonText: '去登录'
            }).then(function () {
              location.href = qscms.locationList.loginPersonal + '?redirect=' + location.href
            })
              .catch(function () { })
          } else {
            httppost(qscms.apiList.imStart, { token: qscms.imToken, jobid: id })
              .then(function (res) {
                if (res.data.next == ''){
                  location.href = qscms.locationList.personalIm + '?chat=' + res.data.chatid
                  return false
                }
                if (res.data.next == 'disabled'){
                  that.$alert(res.message, '系统提示', {
                    showCancelButton: false,
                    type: 'warning'
                  })
                  return false
                }
                if (res.data.next == 'complete_resume'){
                  that.$alert(res.message, '系统提示', {
                    showCancelButton: false,
                    confirmButtonText: '去完善简历',
                    type: 'warning',
                    dangerouslyUseHTMLString: true,
                    callback: () => {
                      location.href = qscms.locationList.personalResume
                      return false
                    }
                  })
                  return false
                }
                if (res.data.next == 'bind_weixin'){
                  that.showBindWeixin = true
                  that.bind_timer = setInterval(that.loopCheckBind, 3000)
                  return false
                }
              })
              .catch(function (res) {
                that.$message.error(res.message)
              })
          }
        },
        doApplyResume: function () {
          var that = this
          if (parseInt(this.utype) === 0) {
            // 未登录
            this.showRegQuick = true
          } else {
            if (parseInt(this.utype) !== 2) {
              this.$confirm('当前操作需要登录求职者账号', '提示', {
                type: 'warning',
                confirmButtonText: '去登录'
              }).then(function () {
                location.href = qscms.locationList.loginPersonal + '?redirect=' + location.href
              })
                .catch(function () { })
            } else {
              var params = {
                jobid: id
              }
              httppost(qscms.apiList.jobapply, params)
                .then(function (res) {
                  that.hasApply = true
                  that.$message({ type: 'success', message: res.message })
                  that.getContact()
                  /**
                   * 【ID1000719】
                   * 【新增】公众号引导弹窗场景（申请职位）
                   * cy 2023-7-17
                   */
                  that.popupWechatQrcodeWindow('user_pc_apply_job')
                })
                .catch(function () { })
            }
          }
        },
        regQuickToLogin: function () {
          location.href = qscms.locationList.loginPersonal + '?redirect=' + location.href
        },
        // 选择无工作经验
        handleNoJobTime: function () {
          var that = this
          that.regQuick.enter_job_time = ''
          that.regQuick.isNoJobTime = true
        },
        doRegQuick: function () {
          var that = this
          if (that.doRegQuickBtnDisabled === true) {
            return false
          }
          if (!that.regQuick.fullname) {
            that.$message.error('请输入姓名')
            return false
          }
          if (!that.regQuick.sex) {
            that.$message.error('请选择性别')
            return false
          }
          if (!that.regQuick.birthday) {
            that.$message.error('请选择出生日期')
            return false
          }
          if (!that.regQuick.education) {
            that.$message.error('请选择最高学历')
            return false
          }
          if (!that.regQuick.isNoJobTime) {
            if (!that.regQuick.enter_job_time) {
              that.$message.error('请选择开始工作时间')
              return false
            }
          }
          if (!that.regQuick.intentionItemCategory[0]) {
            that.$message.error('请选择期望职位')
            return false
          }
          if (!that.regQuick.intentionItemDistrict[0]) {
            that.$message.error('请选择期望地区')
            return false
          }
          if (!that.regQuick.minwage || !that.regQuick.maxwage) {
            that.$message.error('请选择期望薪资')
            return false
          }
          if (!that.regQuick.current) {
            that.$message.error('请选择求职状态')
            return false
          }
          if (!that.regQuick.mobile) {
            that.$message.error('请输入手机号')
            return false
          }
          if (!that.regularMobile.test(that.regQuick.mobile)) {
            that.$message.error('手机号格式不正确')
            return false
          }
          if (!that.regQuick.code) {
            that.$message.error('请输入验证码')
            return false
          }
          if (!that.regQuick.password) {
            that.$message.error('请输入密码')
            return false
          }
          that.doRegQuickBtnDisabled = true
          httppost(qscms.apiList.regResumeQuick, {
            jobid: id,
            fullname: that.regQuick.fullname,
            sex: that.regQuick.sex,
            birthday: that.regQuick.birthday,
            education: that.regQuick.education,
            enter_job_time: that.regQuick.enter_job_time,
            category1: that.regQuick.intentionItemCategory[0],
            category2: that.regQuick.intentionItemCategory[1],
            category3: that.regQuick.intentionItemCategory[2],
            district1: that.regQuick.intentionItemDistrict[0],
            district2: that.regQuick.intentionItemDistrict[1],
            district3: that.regQuick.intentionItemDistrict[2],
            minwage: that.regQuick.minwage,
            maxwage: that.regQuick.maxwage,
            current: that.regQuick.current,
            mobile: that.regQuick.mobile,
            code: that.regQuick.code,
            password: that.regQuick.password
          }).then(function (res) {
            that.doRegQuickBtnDisabled = false
            if (res.code === 200) {
              // 设置登录状态
              that.utype = res.data.utype
              var visitor = {
                utype: res.data.utype,
                token: res.data.token,
                mobile: res.data.mobile,
                userIminfo: res.data.user_iminfo
              }
              if (that.subsite_open === 1 && that.subsite_domain != '') {
                  Cookies.set('qscms_visitor', JSON.stringify(visitor),
                          {expires: 7, domain: '.' + this.subsite_domain}
                  )
              } else {
                  Cookies.set('qscms_visitor', JSON.stringify(visitor),
                          {expires: 7}
                  )
              }
              that.showRegQuick = false
              setTimeout(function() {
                if (parseInt(res.data.next_code) === 50005) {
                  // 去完善简历
                  that.$confirm(res.message, '提示', {
                    type: 'warning',
                    confirmButtonText: '继续完善',
                    showCancelButton: false
                  })
                    .then(function () {
                      location.href = qscms.locationList.personalResume + '?redirect=' + location.href
                    })
                } else {
                  // 投递成功
                  that.$message({ type: 'success', message: res.message })
                  setTimeout(function() {
                    window.location.reload()
                  }, 1000)
                }
              }, 300)
            } else {
              that.$message.error(res.message)
            }
          })
        },
        changeImg: function () {
          var that = this
          httpget(qscms.apiList.captchaPicture, {})
            .then(function (res) {
              that.secret_str = res.data.secret_str
              that.catpchaSrc = res.data.src
            })
            .catch(function () { })
        },
        bindWeixinOpened: function(){
          var that = this
          httpget(qscms.apiList.qrcode, { type: 'bind_weixin' })
            .then(function (res) {
              that.scanQrcodeImg = res.data
            })
            .catch(function () { })
        },
        pictureCaptchaOpened: function () {
          this.changeImg()
        },
        submitPictureCaptcha: function () {
          var that = this
          that.$refs.captchaForm.validate(function (valid) {
            if (valid) {
              that.showPictureCaptcha = false
              that[that.pictureCaptchaCallback]({ code: that.captchaForm.code, secret_str: that.secret_str })
            } else {
              return false
            }
          })
        },
        // 发送验证码
        sendSms: function () {
          var that = this
          if (that.sendSmsBtnDisabled === true) {
            return false
          }
          if (!that.regQuick.mobile) {
            that.$message.error('请输入手机号')
            return false
          }
          if (!that.regularMobile.test(that.regQuick.mobile)) {
            that.$message.error('手机号格式不正确')
            return false
          }
          if (that.captcha_open == 1) {
            if (that.captcha_type == 'tencent') {
              var captchaWindow = new TencentCaptcha('{#$global_config.captcha_tencent_appid#}', function (res) {
                that.doSendSms(res)
              })
              captchaWindow.show()
            } else if (that.captcha_type == 'vaptcha') {
              vaptcha({
                vid: '{#$global_config.captcha_vaptcha_vid#}', // 验证单元id
                type: 'invisible', // 显示类型 隐藏式
                scene: 0, // 场景值 默认0
                offline_server: '' // 离线模式服务端地址，若尚未配置离线模式，请填写任意地址即可。
              }).then(function (vaptchaObj) {
                obj = vaptchaObj // 将VAPTCHA验证实例保存到局部变量中
                // 获取token的方式二：
                vaptchaObj.listen('pass', function () {
                  that.doSendSms({ code: vaptchaObj.getToken() })
                })
                // 关闭验证弹窗时触发
                vaptchaObj.listen('close', function () {
                  // 验证弹窗关闭触发
                })
                obj.validate()
              })
            } else {
              that.showPictureCaptcha = true
              that.pictureCaptchaCallback = 'doSendSms'
            }
          } else {
            that.doSendSms(null)
          }
        },
        doSendSms: function (captcha) {
          var that = this
          httppost(qscms.apiList.getRegQuickCode, { mobile: that.regQuick.mobile, captcha: captcha }).then(function (res) {
            if (parseInt(res.data.notice) === 1) {
              that.showRegQuick = false
              setTimeout(function () {
                that.$confirm(res.message, '提示', {
                  type: 'warning',
                  confirmButtonText: '是',
                  cancelButtonText: '否'
                }).then(function () {
                  location.href = qscms.locationList.loginPersonal + '?redirect=' + location.href
                })
                  .catch(function () { })
              }, 300)
            } else {
              that.$message({
                type: 'success',
                message: res.message
              })
              that.sendSmsTimer = setInterval(function () {
                if (that.sendSmsInterval === 0) {
                  that.sendSmsBtnDisabled = false
                  that.sendSmsBtnText = '获取验证码'
                  that.sendSmsInterval = 60
                  clearInterval(that.sendSmsTimer)
                } else {
                  that.sendSmsBtnDisabled = true
                  that.sendSmsBtnText = '重发 ' + that.sendSmsInterval + ' 秒'
                  that.sendSmsInterval--
                }
              }, 1000)
            }
          }).catch(function () { })
        },
        changeMinWage: function (minWage) {
          this.makeWageOption('max', minWage + 500)
        },
        makeWageOption: function (type, minValue) {
          var that = this
          var wageArray = []
          var storeMaxWage = 15000
          var _optionMinWage = []
          var _optionMaxWage = []
          if (minValue <= storeMaxWage) {
            var a = minValue
            var b = storeMaxWage
            if (type === 'min') {
              for (var i = a; i < b; i += 500){
                _optionMinWage.push(i)
              }
              that.regQuick.optionMinWage = _optionMinWage
            } else if (type === 'max') {
              for (var i = a; i <= b; i += 500){
                _optionMaxWage.push(i)
              }
              that.regQuick.optionMaxWage = _optionMaxWage
            }
          }
          return wageArray
        },
        getRegQuickInfo: function () {
          var that = this
          httpget(qscms.apiList.classify + '?type=education', {}).then(function (res) {
            if (res.code === 200) {
              that.regQuick.optionEducation = res.data
            }
          }).catch(function () { })
          httpget(qscms.apiList.classify + '?type=jobcategory', {}).then(function (res) {
            if (res.code === 200) {
              that.regQuick.optionCategory = that.handleclassify(res.data)
            }
          }).catch(function () { })
          httpget(qscms.apiList.classify + '?type=citycategory', {}).then(function (res) {
            if (res.code === 200) {
              that.regQuick.optionDistrict = that.handleclassify(res.data)
            }
          }).catch(function () { })
          httpget(qscms.apiList.classify + '?type=current', {}).then(function (res) {
            if (res.code === 200) {
              that.regQuick.optionCurrent = res.data
            }
          }).catch(function () { })
          this.makeWageOption('min', 500)
          this.makeWageOption('max', 1000)
        },
        handleclassify: function (data) {
          var dataArray = JSON.parse(JSON.stringify(data))
          var commitArray = []
          commitArray = dataArray.map(function(item) {
            if (item.children.length) {
              var level2Array = item.children
              level2Array = level2Array.map(function(level2Item) {
                if (level2Item.children.length) {
                  return { label: level2Item.label, value: level2Item.value, children: level2Item.children }
                } else {
                  return { label: level2Item.label, value: level2Item.value }
                }
              })
              return { value: item.value, label: item.label, children: level2Array }
            } else {
              return { value: item.value, label: item.label }
            }
          })
          return commitArray
        },
        onMouseover: function(){
          this.codeShow = true
          if (this.hasGetCode) return
          if (!isWxOpen) {
            this.wx_code_url = encodeURI(qscms.apiUrl + qscms.apiList.qrcode + '?url={#$return.share_url#}')
            this.hasGetCode = true
          } else {
            var that = this
            httpget(qscms.apiList.qrcode, { type: 'wechat', alias: 'subscribe_job', jobid: id, getsrc: 1 }).then(function(res){
              if (res.code == 200){
                that.wx_code_url = res.data
                that.hasGetCode = true
              } else {
                that.$message({
                  type: 'error',
                  message: res.message
                })
              }
            })
          }
        },
        onMouseout: function(){
          this.codeShow = false
        },
        getUserInfo: function () {
          var that = this
          httpget(qscms.apiList.userinfo).then(function (res) {
            if (res.data.login === true) {
              that.isLogin = true
              that.utype = res.data.userinfo.utype
            }
          }).catch(function () { })
        },
        // 监听页面滚动
        getScrollTop: function () {
          var scrollTop = 0
          if (document.documentElement && document.documentElement.scrollTop) {
            scrollTop = document.documentElement.scrollTop
          } else if (document.body) {
            scrollTop = document.body.scrollTop
          }
          this.rightFixed = scrollTop >= 400
        },
        mapOpened: function () {
          if(this.isOpenMap == 1){
            if (this.mapType == 1) {
              loadBdMap()
            } else if (this.mapType == 2) {
              loadTMap()
            }
          }
        },
        getSupplementary: function () {
          var that = this
          httpget(qscms.apiList.jobSupplementary, { id: id }).then(function (res) {
            if (res.data !== null) {
              that.supplementary = res.data
            }
          }).catch(function () { })
        },
        getFavStatus: function () {
          var that = this
          httpget(qscms.apiList.jobFavCheck, { id: id }).then(function (res) {
            that.hasFav = res.data == 1
          }).catch(function () { })
        },
        addClick: function () {
          var that = this
          httppost(qscms.apiList.jobClick, { id: id }).then(function (res) {
            that.clickNum = res.data
          }).catch(function () { })
        },
        getContact: function () {
          var that = this
          httpget(qscms.apiList.jobContact, { id: id }).then(function (res) {
            that.contactData = res.data
            that.hasApply = res.data.has_apply == 1
          }).catch(function () { })
        },
        changeRelationList: function (alias) {
          this.relationActive = alias
        },
        doFav: function () {
          var that = this
          if (this.utype != 2) {
            this.$confirm('当前操作需要登录求职者账号', '提示', {
              type: 'warning',
              confirmButtonText: '去登录'
            })
              .then(function () {
                location.href = qscms.locationList.loginPersonal + '?redirect=' + location.href
              })
              .catch(function () { })
          } else {
            var params = {
              jobid: id
            }
            var _api_url = that.hasFav === true ? qscms.apiList.jobFavCancel : qscms.apiList.jobFav
            httppost(_api_url, params)
              .then(function (res) {
                that.$message({ type: 'success', message: res.message })
                if (that.hasFav === false) {
                  /**
                   * 【ID1000719】
                   * 【新增】公众号引导弹窗场景（收藏职位）
                   * cy 2023-7-17
                   */
                  that.popupWechatQrcodeWindow('user_pc_collect_job')
                }
                that.hasFav = that.hasFav !== true
              })
              .catch(function () { })
          }
        },
        doApply: function () {
          var that = this
          if (that.utype != 2) {
            that.$confirm('当前操作需要登录求职者账号', '提示', {
              type: 'warning',
              confirmButtonText: '去登录'
            })
              .then(function () {
                location.href = qscms.locationList.loginPersonal + '?redirect=' + location.href
              })
              .catch(function () { })
          } else {
            var params = {
              jobid: id
            }
            httppost(qscms.apiList.jobapply, params)
              .then(function (res) {
                that.$message({ type: 'success', message: res.message })
              })
              .catch(function () { })
          }
        },
        doCreateResume: function () {
          location.href = qscms.locationList.createResume
        },
        handlerLoginForContact: function () {
          location.href = qscms.locationList.loginPersonal + '?redirect=' + location.href
        },
        handlerResumeStick: function () {
          location.href = qscms.locationList.personalService
        },
        handlerReport: function () {
          window.open("{#:url('index/company/report',['id'=>$return.com_info.id])#}")
        },
        doTipoff: function () {
          var that = this
          if (that.utype != 2) {
            that.$confirm('当前操作需要登录求职者账号', '提示', {
              type: 'warning',
              confirmButtonText: '去登录'
            })
              .then(function () {
                location.href = qscms.locationList.loginPersonal + '?redirect=' + location.href
              })
              .catch(function () { })
          } else {
            that.showTipoff = true
          }
        },
        tipoffOpened: function () {
          var that = this
          httpget(qscms.apiList.classify + '?type=tipoffJob', {}).then(function (res) {
            if (res.code === 200) {
              that.classifyTipoffJob = res.data
            }
          }).catch(function () { })
        },
        handleSubmitTipoff: function () {
          var that = this
          this.$refs.tipoffForm.validate(function (valid) {
            if (valid) {
              httppost(qscms.apiList.tipoff, { target_id: id, type: 1, reason: that.tipoffForm.reason, content: that.tipoffForm.content, img: [] })
                .then(function (res) {
                  that.showTipoff = false
                  that.$message({
                    type: 'success',
                    message: res.message
                  })
                })
                .catch(function () { })
            } else {
              return false
            }
          })
        },
        // 弹出微信二维码弹框
        popupWechatQrcodeWindow: function (val) {
            if (true === whetherPopupWeChatQrcodeWindow(val)) {
                var that = this
                var requestUrl = qscms.apiUrl + qscms.apiList.member_account
                httppost(requestUrl, {})
                    .then(res => {
                        if (parseInt(res.data.bind_weixin) === 0) {
                            httpget(qscms.apiList.qrcode, {type: 'bind_weixin'})
                                .then(function (res) {
                                    if (res.data) {
                                        that.scanQrcodeImg = res.data
                                        that.showWeChatQrcode = true
                                        that.weChatQrcodeContent = '扫码绑定公众号，求职快人一步'
                                        whetherPopupWeChatQrcodeWindow(val, true)
                                        that.bind_timer = setInterval(that.verifyWeChatBind, 3000);
                                    }
                                })
                                .catch(function () {
                                })
                        }
                    })
                    .catch(() => {
                    })
            }
        },
        // 关闭弹窗
        closeWeChatQrcode: function () {
            this.showWeChatQrcode = false
            clearInterval(this.bind_timer);
        },
        // 查看微信是否已绑定，绑定后自动关闭二维码
        verifyWeChatBind() {
           var that = this
           httpget(qscms.apiList.imCheckBind, {})
               .then(res => {
                   if (res.code == 200) {
                       if (res.data == 1) {
                           that.showWeChatQrcode = false
                           clearInterval(that.bind_timer);
                           that.$message({type: 'success', message: '绑定成功'})
                       }
                   }
               })
        }
      }
    })
</script>
<style>
    .wx_dialog {
        border-radius: 15px;
    }

    .wx_dialog .el-dialog__header {
        border-radius: 15px;
    }

    .wx_dialog .el-dialog__body {
        padding: 0;
    }
</style>